<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    /* 
    什么是跨域：
    受浏览器同源策略的影响，客户端没有办法直接访问任意服务端，所以需要通过某种技术手段解决这个问题。
    同源策略：域名、协议、端口 三者只要有一个不相同则相互访问时就会存在跨域问题。
    */
   /* 
    解决跨域的方案：
    1. script脚本跨域
    2. jsop 跨域 只可以解决get请求跨域问题
    3. 反向代理跨域
    4. 后端开启core解决跨域
   */
    let xhr = new XMLHttpRequest();
    xhr.open("get",'https://suggest.taobao.com/sug?code=utf-8&q=水杯');
    xhr.send();
    xhr.onreadystatechange=()=>{
        if(xhr.readyState===4){
            console.log(xhr.response)
        }
    }
</script>
</html>